<div ng-controller="HotelReportCtrl as vm">
    <section class="content-header">
        <!-- Content Header (Page header) -->
        Monthly Dashboard
        <ol class="breadcrumb">
            <li><a ><i class="fa fa-dashboard"></i> Dashboard</a></li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row">
        	 <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Source of Applicants</h3>
                        <div class="pull-right">
                        </div>
                    </div>
                    <div class="box-body margin" style="height:480px">
                        <!--                     <line-chart config="config" data="data"></line-chart>
 -->					<div style="height:450px">
                        <bar-chart config="configBar" data="data4"></bar-chart>
                        </div>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Source of Applicants</h3>
                        <div class="pull-right">
                        </div>
                    </div>
                    <div class="box-body margin" style="height:530px">
                        <!--                     <line-chart config="config" data="data"></line-chart>
 -->
                        <pie-chart config="config" data="data1"></pie-chart>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Source of New Comers</h3>
                        <div class="pull-right">
                        </div>
                    </div>
                    <div class="box-body margin" style="height:530px">
                        <!--                     <line-chart config="config" data="data"></line-chart>
 -->
                        <pie-chart config="config" data="data2"></pie-chart>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Recruitment Convention Rate</h3>
                        <div class="pull-right">
                        </div>
                    </div>
                    <div class="box-body margin" style="height:530px">
                        <!--                     <line-chart config="config" data="data"></line-chart>
 -->
                        <pie-chart config="config" data="data3"></pie-chart>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Turnover Exit Interview Summary</h3>
                    </div>
                    <div class="box-body margin" style="height:280px">
                        <pie-chart config="config" data="inteviewdata1"></pie-chart>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Turnover Exit Interview</h3>
                    </div>
                    <div class="box-body margin" style="height:330px">
                        <bar-chart config="configBar" data="inteviewdata2"></bar-chart>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
            </div>
        </div>
    </section>
</div>
